<html>
<head>
	<title><?php echo $title ?> Area Community Forum</title>
        
        <style type="text/css">

	::selection{ background-color: #E13300; color: white; }
	::moz-selection{ background-color: #E13300; color: white; }
	::webkit-selection{ background-color: #E13300; color: white; }

	body {
		background-color: #fff;
		margin: 40px;
		font: 13px/20px normal Helvetica, Arial, sans-serif;
		color: #4F5155;
	}

	a {
		color: #003399;
		background-color: transparent;
		font-weight: normal;
                text-decoration: none;
	}

	h1 {
		color: #444;
		background-color: transparent;
/*		border-bottom: 1px solid #D0D0D0;*/
		font-size: 19px;
		font-weight: normal;
		margin: 0 0 14px 0;
		padding: 14px 15px 10px 15px;
	}

	code {
		font-family: Consolas, Monaco, Courier New, Courier, monospace;
		font-size: 12px;
		background-color: #f9f9f9;
		border: 1px solid #D0D0D0;
		color: #002166;
		display: block;
		margin: 14px 0 14px 0;
		padding: 12px 10px 12px 10px;
	}

        
        menu {
		font-family: Consolas, Monaco, Courier New, Courier, monospace;
		font-size: 12px;
		background-color: #f9f9f9;
		border: 1px solid #D0D0D0;
		color: #002166;
		display: block;
		margin: 4px 0 4px 0;
		padding: 5px 4px 5px 4px;
	}
        
	#body{
		margin: 0 15px 0 15px;
	}
	
	p.footer{
		text-align: right;
		font-size: 11px;
		border-top: 1px solid #D0D0D0;
		line-height: 32px;
		padding: 0 10px 0 10px;
		margin: 20px 0 0 0;
	}
	
        #menu {
            overflow: hidden;
            width: auto;
            max-width: 1200px;
            min-width: 600px; 
            height: 45px;
            margin: 0px auto;
            padding: 0px;
            background: #2F2E29;
        }

        #header {
            width: auto;
            max-width: 1200px;
            min-width: 600px; 
            height: 55px;
            margin: 0px auto;
            background: black
	                url("<?php echo $baseurl; ?>application/images/acf-header.png")  no-repeat right bottom;
/*            background: url(/../application/images/acf-header.png) repeat-x left bottom; */
        }

        #menu ul {
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

        #menu li {
            float: left;
            background: url(/../images/img02.jpg) no-repeat left top;
        }

        #menu a {
            display: block;
            float: left;
            width: 100px;
            height: 40px;
            background: url(/../images/img03.jpg) no-repeat left bottom;
            margin: 0px;
            padding: 10px 0px 0px 0px;
            text-decoration: none;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 12px;
            color: #FFFFFF;
        }

        
        #menu a:hover {
            color: yellow;
            background-color: blue;
        }
        #menu .first {
            background: none;
        }

        #menu .active {
            background: #FDB709;
        }

        #menu li.active a {
            background: url(/../images/img04.jpg)  no-repeat left bottom ;
        }

        /* Wrapper */

        #wrapper {
            background-color: whitesmoke;
            padding: 5px 0px;
            width: auto;
            max-width: 1200px;
            min-width: 600px;    
            height: 100%;
            margin: 0px auto;
        }
        
	#container{
		margin: 10px;
		border: 1px solid #D0D0D0;
		-webkit-box-shadow: 0 0 8px #D0D0D0;
	}
        
        #sidebar {
	    float: right;
	    width: 200px;
	    background: whitesmoke;
            height: 400px;
            overflow: auto;
	}
        
        #footer{
        
                position:absolute;
                bottom:0;
                height:40px;   /* Height of the footer */
                clear: both;
                background-color: #FDB709;
                width: 100%;
                max-width: 1200px;
                min-width: 600px; 
                margin: 0px auto;
                bottom:10px;
/*                border: 1px solid #D0D0D0;*/
		-webkit-box-shadow: 0 0 8px #D0D0D0;
                font-size: 12px;
	}
        
        #content {
            margin-right: 200px;
            background-color: whitesmoke;
            height: auto;
            max-height: 80%;
            overflow: auto;
        } 
        
        #loginform {
            float: left;
	    width: 200px;
            background-color: #FDB709  ;
            margin-top : 12px;
            font-size: 12px;
        }    
            
        
	</style>
</head>
<body>
    <div id="wrapper">
        <div id="header">
            <table id="loginform" > 
                <tr>
                    <td width="140px"></td>
                    <td>
                        <a href="login/loginfrm">Login</a>
                        
                        
                    </td>
                </tr>
            
            </table>
<!--	<h1>Area Community Forum</h1>-->
        </div> <!-- header -->
           